<extend name="common/base" />
<block name="resource">
    
    <link href="__ASSET__/Home/v4/src/css/home.css" rel="stylesheet">
    <link href="__ASSET__/Home/v4/src/css/videoCommon.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
          .explore-videolist-new .list-hover_video .item-play{ 
                 position:relative;
          }
          .explore-videolist-new .list-hover_video .item-play .video_play{
               position:absolute;
               width:100%;
               height:100%;
               left:0;
               top:0;
               z-index:100;
          }
          .game-area{
              padding-bottom:10px;
          }
          .loadingMore{
              margin:1rem 0;
          }
          #share{
            padding-top: 0;
          }
          .share_box{
                position: absolute;
                padding: 10px 0;
                width: 210px;
                height: 52px;
                background: #f2f2f2;
                right: 50%;
                margin-right: -105px;
                top: -60px;
                box-shadow: 2px 2px 5px #666;
                z-index: 998;
                display:none;
          }
          .share_box:before {
                border: none;
          }
          .bdsharebuttonbox{
            top: 0;
          }
          .bdsharebuttonbox:before {
                width: 0;
                height: 0;
                content: "";
                border-top: solid 8px #f2f2f2;
                border-left: solid 8px transparent;
                border-right: solid 8px transparent;
                position: absolute;
                left: 50%;
                bottom: -7px;
                margin-left: -4px;
          }
        .item-avatar{
              position:relative;
        }
        .item-avatar .newG-icon{
              width:25px;
              height:25px;
        }
        .all-chat-list li{
             border-bottom:1px solid #ddd;
        }
        .ajax_banner{
           background:none;
           display:none;
           height:90px;
        }
        .ajax_banner a{
            display:block;
            height:90px;
            width:100%;
        }
        .ajax_banner a img{
            width:100%;
            height:100%;
        }
        .level{
            height:auto;
            width:auto;
        }
        .empty_explore{
               height:370px;
               background:url("__ASSET__/Home/v4/src/images/load_h.gif") no-repeat center center;
        }
        .game-area-palyer-head .newG-icon {
          bottom: -5px;
          height: 30px;
          position: absolute;
          right: -5px;
          width: 30px;
          transition:none;
        }
        .list-hover_video{
            height:220px\0;
        }
        .blue-bgbd{
        background:#e0e0e0 url("__ASSET__/Home/v4/src/images/bg.jpg") no-repeat;
        background-attachment: fixed;
      }
    </style>
</block>
<block name="content">
    <div class="main container explore-main">
        <!--广告位-->
        <div class="banner ajax_banner">
            <i class="banner-cancle" onclick="closeBanner(this)" title="关闭"></i>
        </div>
        <!--左边板块-->
        <div class="main-right explore-right left white-bg">     
            <!--专区-->
            <volist name="games" id="game" key="g_index">
                <div class="game-area game-area-{$g_index-1}" data-g-index="{$g_index-1}" data-gameid="{$game['info']['id']}" data-load="true">
                    <div class="game-area-one">
                        <div class="col-lg-4 col-md-4 col-xs-4">
                              <empty name="game.info.pc_explore">
                                  <img src="__ASSET__/Home/v4/src/images/game-area-default.jpg"/>
                              <else /> 
                                  <img src="{$game.info.pc_explore}"/>
                              </empty>  
                            <!-- <p class="area-name absolute colorthree">
                                <em class="font14">{$game.info.name}</em>
                                <i class="font18 font_micro">{$game.info.name}专区</i>
                            </p> -->
                        </div>
                        <dl class="col-lg-6 col-md-6 col-xs-6 game-area-palyer JS-users" >
                           <dt class="blue-border blue">活跃玩家</dt>
                           <!-- 活跃用户加载中 -->
                        </dl>
                        <div class="col-lg-2 col-md-2 col-xs-2 game-area-right">
                            <span>关注数：{$game.count|default=0}</span>
                            <empty name="game.info.code">
                                <a href="/game-{$game.info.id}" tilte="游戏专区" class="blue-bg">进入专区</a>
                            <else />
                                <a href="http://{$game.info.code}.66play.com" tilte="游戏专区" class="blue-bg">进入专区</a>
                            </empty>
                        </div>
                    </div>
                    <!--视频列表-->
                    <ul class="right-box row explore-videolist explore-videolist-new JS-videos" style="padding:10px 5px;">
                        <!-- 视频加载中 -->
                    </ul>
                    <div class="empty_explore"></div>
                </div> 
            </volist>
        </div>
        <!--右边板块-->
        <div class="main-left explore-left nomargin right">
            <!--大家都在搜-->
            <div class="all-search white-bg" >
                <h1 class="font16 colorsix relative">大家都在搜</h1>
                <div class="load-more" style="display:block;">
                     <i><img src="__ASSET__/Home/v4/src/images/loading-white.gif" alt="正在加载，请稍候..."/></i>
                     <span>正在加载，请稍候...</span>
                </div>
                <ul class="search-list" style="min-height:405px;">   
                </ul>
            </div>
            <!--大家都在说-->
            <div class="left-position all-search white-bg">
                <h1 class="font16 colorsix relative">大家都在说</h1>
                <ul class="all-chat-list font13"> 
                </ul>
            </div>
        </div>
        
    </div>
    <include file="Explore/player_template"/>
</block>
<block name="component">
    <script src="__ASSET__/Home/v4/lib/js/jquery.cookie.js"></script>
    <script src="__ASSET__/Home/v4/lib/js/jwplayer.js"></script>
    <script src="__ASSET__/Home/v4/lib/js/jquery.zclip.min.js"></script>
    <script src="__ASSET__/Home/v4/lib/js/date_format.js"></script>
    <script src="__ASSET__/Home/v4/lib/js/face.js?v=1.0"></script>
    <script src="__ASSET__/Home/v4/dist/js/HDvideo.js?v=1.0.1"></script>
    <script src="__ASSET__/Home/v4/dist/js/explore_module.js?v=1.0.2"></script>
    <script src="__ASSET__/Home/v4/dist/js/video_window.js?v=1.0.5"></script>
    <script src="__ASSET__/Home/v4/dist/js/close-advertise.js?v=1.0"></script>
    <script src="__ASSET__/Home/v4/dist/js/set_common_bg.js?v=1.0"></script>
    <script type="text/javascript">
        window._THIS = {
            data : {$games|json_encode},
            dolike : "{:U('like/dolike')}",
            unlike : "{:U('like/unlike')}",
            other:"/user-",
            dofollow : "{:U('follow/dofollow')}",
            unfollow : "{:U('follow/unfollow')}",
            add : "{:U('favour/add')}",
            undo : "{:U('favour/undo')}",
            getCommentList: "{:U('video/getCommentList')}",
            addComment : "{:U('video/comments')}",
            shareUrl : "/video-",
            VideoPlay:"{:C('LOCAL_DOMAIN')}/video-play-",
            searchHotUrl : "{:U('api/search/hot', ['per' => 10])}",
            searchVideoUrl : "/search",
            newCommentApi : "{:U('api/comments/news', ['per' => 10])}",
            page_type:'list',
            bannerUrl: '{:U("api/a_d/$adCode")}',
            videoInfoUrl: '{:U("video/info")}',
            videolistUrl: '/explore-ajaxVideos', //   /game_id/123
            userlistUrl: '/explore-ajaxUsers',
        };
      //加载第一个广告
      load_ad_2();
      function  load_ad_2 () {
          var explore_banenr=$.cookie('explore_banenr');
          if(explore_banenr != undefined ){
                   if($.cookie('explore_banenr')!=""){
                         $(".ajax_banner").append(explore_banenr);
                         $(".ajax_banner").show();
                   }
                }else{
                   load_explore_load();
          } 
      }
      function  load_explore_load () {
             $.get(_THIS.bannerUrl, function(data) {
                  if(data.code==200){    
                     if(data.data.lists.length>0){
                         var data_list=data.data.lists;
                         var href=data_list[0].link;
                         var image=data_list[0].image;
                         var img_url="<a href='"+href+"'><img src='"+image+"' width='100%' height='100%'></a>";
                         $(".ajax_banner").append(img_url);
                         $.cookie('explore_banenr',img_url,{expires:3});
                         $(".ajax_banner").show();
                     }
                  }      
           });
      }
    </script>
</block>


